<style>
    .timeline-wrapper .timeline-row .timeline-item .timeline-icon{
        width: 44px;
        height: 44px;
    }
    .my-btn {
        background-color: #fff;
        border-color: #fff;
        color: #c1c1c1;
    }
    .my-btn:hover{
        background-color: #6b6b6b;
        color:#fff;
    }
    .modebtn{
        color:#c1c1c1;
    }

    .modebtn:hover{
        background-color: #6b6b6b;
        color:#fff;
    }
    .input-sm{
        width:100px ;
        display: inline;
        height: 30px;
    }
</style>
<script>
    var type={{ type~"" }};
</script>
<div  style="background-color: #f5f5f5" >
    <div  style="position:fixed;background-color: #f5f5f5;z-index: 999;margin-left: 10px;margin-right: 10px;padding-right: 40px;width: 100%">
        <h2 class="header-text" style="margin-bottom: 0px;">

            <span class="sub-header" id="total">
                    &nbsp;总共X条记录
             </span>
            <span class="Tool">
                  <select id="trackType" class="form-control  input-sm">
                      <option   value="" selected>全部</option>
                      {% for id,text in trackType  %}
                          <option value="{{ id }}">{{ text }}</option>
                      {% endfor %}
                  </select>
             </span>

                <span  class="pull-right" >
                    {% if addPower %}
                    <a id="new" class="btn btn-primary "  >新建</a>
                    {% endif %}
                </span>
                <span  class="pull-right" style="margin-right: 10px" >
                    {% if tpPower %}
                        <a id="template" class="btn btn-primary " >原因分析模板</a>
                    {% endif %}
                </span>
        </h2>
    </div>


    <div class="row" style="height: 100%;padding-top: 120px;padding-left: 20px;padding-right: 20px;" >
        <div class="col-md-10">
            <div class="timeline-wrapper " id="timeWraper">




            </div><!-- ./timeline-wrapper -->
        </div><!-- ./col -->
    </div><!-- ./row -->
</div><!-- ./padding-md -->
